﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>Index</title>
    <link href="../../Content/assets/stylesheets/desktop.css" rel="stylesheet" />
    <link href="../../Content/assets/stylesheets/html.css" rel="stylesheet" />
    <link href="../../Content/assets/stylesheets/ie.css" rel="stylesheet" />

</head>
<body>
<div class="abs" id="wrapper">

	<div class="abs" id="desktop">
		<a class="abs icon" style="left:20px;top:20px;" href="#icon_dock_computer">
			<img src="../../Content/../../Content/assets/images/icons/icon_32_computer.png" />
			用户管理
		</a>
		<a class="abs icon" style="left:20px;top:100px;" href="#icon_dock_drive">
			<img src="../../Content/../../Content/assets/images/icons/icon_32_drive.png" />
			Hard Drive
		</a>
		<a class="abs icon" style="left:20px;top:180px;" href="#icon_dock_disc">
			<img src="../../Content/../../Content/assets/images/icons/icon_32_disc.png" />
			Audio CD
		</a>
		<a class="abs icon" style="left:20px;top:260px;" href="#icon_dock_network">
			<img src="../../Content/../../Content/assets/images/icons/icon_32_network.png" />
			Network
		</a>

		<div id="window_computer" class="abs window">

                <iframe cols="40"rows="40" src="/UserInfo/Index"></iframe>
			<span class="abs ui-resizable-handle ui-resizable-se"></span>
		</div>

	</div>

	<div class="abs" id="bar_top">
		<span class="float_right" id="clock"></span>
		<ul>
			<li>
				<a class="menu_trigger" href="#">jQuery Desktop</a>
				<ul class="menu">
					<li>
						<a href="http://www.amazon.com/dp/0596159773?tag=sons-20">jQuery Cookbook</a>
					</li>
					<li>
						<a href="http://jqueryenlightenment.com/">jQuery Enlightenment</a>
					</li>
					<li>
						<a href="http://jquery.com/">jQuery Home</a>
					</li>
					<li>
						<a href="http://jquerymobile.com/">jQuery Mobile</a>
					</li>
					<li>
						<a href="http://jqueryui.com/">jQuery UI</a>
					</li>
					<li>
						<a href="http://learningjquery.com/">Learning jQuery</a>
					</li>
				</ul>
			</li>
			<li>
				<a class="menu_trigger" href="#">HTML5 Resources</a>
				<ul class="menu">
					<li>
						<a href="http://diveintohtml5.org/">Dive Into HTML5</a>
					</li>
					<li>
						<a href="http://www.alistapart.com/articles/get-ready-for-html-5/">Get Ready for HTML5</a>
					</li>
					<li>
						<a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>
					</li>
					<li>
						<a href="http://html5doctor.com/">HTML5 Doctor</a>
					</li>
					<li>
						<a href="http://html5.org/">HTML5 Intro</a>
					</li>
					<li>
						<a href="http://www.zeldman.com/superfriends/">HTML5 Super Friends</a>
					</li>
				</ul>
			</li>
			<li>
				<a class="menu_trigger" href="#">Code</a>
				<ul class="menu">
					<li>
						<a href="../../Content/assets/stylesheets/desktop.css">Desktop - CSS</a>
					</li>
					<li>
						<a href="../../Content/assets/javascripts/jquery.desktop.js">Desktop - JavaScript</a>
					</li>
					<li>
						<a href="http://github.com/nathansmith/jQuery-Desktop">GitHub Repository</a>
					</li>
				</ul>
			</li>
			<li>
				<a class="menu_trigger" href="#">Credits</a>
				<ul class="menu">
					<li>
						<a href="http://sonspring.com/journal/jquery-desktop">Demo built by Nathan Smith</a>
					</li>
					<li>
						<a href="http://adrian-rodriguez.net/">Wallpaper by Adrian Rodriguez</a>
					</li>
					<li>
						<a href="http://tango.freedesktop.org/Tango_Desktop_Project">Icons - Tango Desktop Project</a>
					</li>
				</ul>
			</li>
		</ul>
	</div>

	<div class="abs" id="bar_bottom">
		<a class="float_left" href="#" id="show_desktop" title="Show Desktop">
			<img src="../../Content/assets/images/icons/icon_22_desktop.png" />
		</a>
		<ul id="dock">
			<li id="icon_dock_computer">
				<a href="#window_computer">
					<img src="../../Content/assets/images/icons/icon_22_computer.png" />
					Computer
				</a>
			</li>
			<li id="icon_dock_drive">
				<a href="#window_drive">
					<img src="../../Content/assets/images/icons/icon_22_drive.png" />
					Hard Drive
				</a>
			</li>
			<li id="icon_dock_disc">
				<a href="#window_disc">
					<img src="../../Content/assets/images/icons/icon_22_disc.png" />
					Audio CD
				</a>
			</li>
			<li id="icon_dock_network">
				<a href="#window_network">
					<img src="../../Content/assets/images/icons/icon_22_network.png" />
					Network
				</a>
			</li>
		</ul>
		<a class="float_right" href="http://www.firehost.com/?ref=spon_nsmith_desktop-sonspring" title="Secure Hosting">
			<img src="../../Content/assets/images/misc/firehost.png" />
		</a>
	</div>

</div>
    <script src="../../Content/assets/javascripts/jquery.js"></script>
    <script src="../../Content/assets/javascripts/jquery.ui.js"></script>
    <script src="../../Content/assets/javascripts/jquery.desktop.js"></script>
</body>
</html>
